    var span1=document.querySelector('.nav span:nth-of-type(1)')
    var ull=document.querySelector('.ull')
    var span2=document.querySelector('.nav span:nth-of-type(2)')


    $(function(){

        $('.ull').stop().slideUp(0)
   
        $('.nav span').eq(0).click(function(){
           
   
        let xhr=new XMLHttpRequest()
        xhr.open('get',`http://chst.vip:1234/api/getgsshop`,true)
        xhr.onload=function(){
        if(xhr.status===200){
            let res=JSON.parse(xhr.responseText)
        // console.log(res.result)
        var lis=''
    
        res.result.forEach((ele,ind) => {
            lis+=
            `
                <li shopid="${ele.shopId}">${ele.shopName}</li>
                
          
         `
                })
                
                        ull.innerHTML=lis
                $('.ull').stop().slideToggle(500).next().slideUp()
                       
    
    
                  
        


            
             
    
                }
                }  
                xhr.send(null)
            })
    })
   
 


 
    var ull2=document.querySelector('.ull2')
       
        $('.ull2').stop().slideUp(0)
     $('.nav span').eq(1).mousedown(function(){
       
        let xhr2=new XMLHttpRequest()
        xhr2.open('get',`http://chst.vip:1234/api/getgsshoparea`,false)
        xhr2.onload=function(){
        if(xhr2.status===200){
            let res2=JSON.parse(xhr2.responseText)
        // console.log(res2.result)
        var lis2=''
        //   let regExp = /^<[^<]+\s+src="([^''""]*)"/;

        res2.result.forEach((ele,ind) => {
        //   var tu = res.result[ind].couponProductImg.match(regExp)[1];


        //   console.log(tu)

            lis2+=
            `
                <li areaid="${ele.areaId}">${ele.areaName}</li>
                
            
            `
                    })
            
                    ull2.innerHTML=lis2

                    $('.ull2').finish().slideToggle(1000).prev().slideUp()


          




            }
            }  
            xhr2.send(null)
            })
            var pin =document.querySelector('.pin')
            let xh=new XMLHttpRequest()
            xh.open('get',`http://chst.vip:1234/api/getgsproduct?shopid=0&areaid=0`,false)
            xh.onload=function(){
            if(xh.status===200){
                let re=JSON.parse(xh.responseText)
            // console.log(re.result)
            var lis3=''
              let regExp = /^<[^<]+\s+src="([^''""]*)"/;
    
            re.result.forEach((el,ind) => {
            //   var tu = re.result[ind].productImg.match(regExp);
    
    
            //   console.log(tu)
    
                lis3+=
                `  <li>
                <img src="${el.productImg}">
                <h4>${el.productName}</h4>
                <span>${el.productPrice}</span>
                <button>去凑单</button>
              </li>
                
                `
                        })
                
                        pin.innerHTML=lis3
    
                     
    
                }
                }  
                xh.send()
              
        //    点击京东内部店铺。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
    $('.ull').click(function(e){
        var e=e||window.event
        var target=e.target||e.srcElement

        
        if(target.nodeName="LI"){
         localStorage.setItem('shopid',target.getAttribute('shopid'))
        //  localStorage.setItem('areaid',target.getAttribute('areaid'))
        }
        var index= +localStorage.getItem('shopid')
        //    console.log(index)
       var index2= +localStorage.getItem('areaid')
    //    console.log(index2)

        let xh=new XMLHttpRequest()
        xh.open('get',`http://chst.vip:1234/api/getgsproduct?shopid=${index}&areaid=${index2}`,false)
        xh.onload=function(){
        if(xh.status===200){
            let re=JSON.parse(xh.responseText)
        // console.log(re.result)
        var lis3=''
          let regExp = /^<[^<]+\s+src="([^''""]*)"/;

        re.result.forEach((el,ind) => {
        //   var tu = re.result[ind].productImg.match(regExp);


        //   console.log(tu)

            lis3+=
            `  <li>
            <img src="${el.productImg}">
            <h4>${el.productName}</h4>
            <span>${el.productPrice}</span>
            <button>去凑单</button>
          </li>
            
            `
                    })
            
                    pin.innerHTML=lis3
                    $('.ull').slideUp()
                   

                 

            }
            }  
            xh.send()
           

    })



    $('.ull2').click(function(e){
        var e=e||window.event
        var target=e.target||e.srcElement

        
        if(target.nodeName="LI"){
        
         localStorage.setItem('areaid',target.getAttribute('areaid'))
        }
        var index= +localStorage.getItem('shopid')
        //    console.log(index)
        var index2= +localStorage.getItem('areaid')
        // console.log(index2)

        let xh=new XMLHttpRequest()
        xh.open('get',`http://chst.vip:1234/api/getgsproduct?shopid=${index}&areaid=${index2}`,false)
        xh.onload=function(){
        if(xh.status===200){
            let re=JSON.parse(xh.responseText)
        // console.log(re.result)
        var lis3=''
          let regExp = /^<[^<]+\s+src="([^''""]*)"/;

        re.result.forEach((el,ind) => {
        //   var tu = re.result[ind].productImg.match(regExp);


        //   console.log(tu)

            lis3+=
            `  <li>
            <img src="${el.productImg}">
            <h4>${el.productName}</h4>
            <span>${el.productPrice}</span>
            <button>去凑单</button>
          </li>
            
            `
                    })
            
                    pin.innerHTML=lis3
                    $('.ull2').slideUp()
                   

                 

            }
            }  
            xh.send()
           

    })


 

    $('.box .icon-zuojiantou1').click(function(){
        location.href="./商品首页.html"
    })